function setInteractables () {
    'use strict';
  
    interact('.draggable', { context: document })
    .autoScroll(true)
    .draggable({
      onmove: onMove,
      onend: console.log
    })
    .inertia(true)
    // .restrict({
    //   drag: "parent",
    //   endOnly: true,
    //   elementRect: { top: 0, left: 0, bottom: 1, right: 1 }
    // });
  
    function onMove (event) {
      var target = event.target,
      x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,
      y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;
  
      console.log(x, y);
      target.style.webkitTransform =
        target.style.transform =
        'translate(' + x + 'px, ' + y + 'px)';
  
      target.setAttribute('data-x', x);
      target.setAttribute('data-y', y);
    }
  }
  